저는 완전 초보자이고, 한 달에 다가올 부트 캠프를 준비하기 위해 2 주 동안 독학을했습니다. 기술을 향상시키고 "개발자처럼 생각하는 법을 배우기"위해 저는 실제 문제를 해결하려는 프로젝트를 수행했습니다.
제 아내는 고객을 위해 송장을 생성하도록 요구하는 사업을 운영합니다. 저는 HTML과 JavaScript를 사용하여 매번 수동으로 작성하는 대신 사용자 정의 송장을 빠르게 만들 수있는 웹 기반 애플리케이션을 구축하려고합니다.
현재 버전에서는 프롬프트가 그녀에게 번호를 요청합니다. 이 숫자는 HTML에서 동일한 수의 3 열 행을 생성합니다. 이를 통해 필요한 정확한 수의 필드로 송장을 사용자 정의 할 수 있습니다.
열 1에는 제품 이름이 포함됩니다. 같은 행에서 2 열에는 단가가 포함되고 3 열에는 기본 가격에 단가를 곱한 총 비용이 포함됩니다. 이 계산은 버튼 클릭시 발생합니다. 그러나 나는 붙어 있습니다.
수학을 수행하려면 각 행과 열에서 정수를 가져 와서 함수에 전달할 수 있어야합니다. 그러나 각 행과 열이 자동으로 생성 되었기 때문에 고유 한 속성이 없으므로 식별 할 수 없습니다. 각 열에서 수학을 수행 할 수 있지만 각 행에서는 수행 할 수 없습니다.
내가 너무 새로워 서 몇 가지 Codecademy 입문 과정과 일부 YouTube 비디오에서만 배웠기 때문에 프로젝트에 완전히 잘못 접근하고 있는지 또는 내가 놓친 트릭이 있는지 평가하는 방법을 모르겠습니다. 아직 배우지 않은 것이 있다면. 전문 지식이있는 사람이 저를 올바른 방향으로 안내 할 수 있다면 정말 감사하겠습니다!
이 게시물에 모든 코드를 첨부했습니다. 끔찍한 일이라면 사과드립니다. 나에게 진정해, 나는 초보자 다!
const invDate = 날짜 ();
var field = " 항목 :  "+
" 수량 :  "+
" 가격 ($) :   
 
";
document.getElementById ( 'newInvoice'). onclick = function () {
let invoicedName = prompt ( '이 송장은 누구에게 발행됩니까?', '이름 입력');
let productFields = Number (prompt ( '이 송장에 몇 개의 제품 이름이 있습니까?', '번호를 입력하십시오'));
let fields = ''
dynHtml = ''
if (invoicedName! = null && productFields! = null) {
for (let i = 1; i <= productFields; i ++) {
필드 + = 필드};
} else {alert ( '유효한 입력을 입력하십시오.');
};
dynHtml = "  
 
"+
"
 인보이스 "+
"
 준비 : "+ invoicedName + ", on"+
"
"+ invDate + " 
 
"+
필드 + "
 
"+
" 계산  ";
document.write (dynHtml);
document.getElementById ( 'calculate'). onclick = function getQtyFields () {
let qtyInputs = document.getElementsByName ( 'qty'),
resultQty = 0;
for (let j = 0; j